<template>
  <div id="500">
    <page-layout>
      <a-card>
        <a-result status="500" title="500" sub-title="服务器开小差了">
          <template #extra>
            <div style="margin-bottom: 20px">{{ overTime }} 秒后返回首页</div>
            <router-link to="/">
              <a-button type="primary"> 返回首页 </a-button>
            </router-link>
          </template>
        </a-result>
      </a-card>
    </page-layout>
    <page-footer></page-footer>
  </div>
</template>
<script>
import {  isTimeout  } from "@/tools/common";
import { ref} from "vue";
import router from "@/route";
export default {
  setup() {
    const overTime = ref(10);
     isTimeout(overTime,function(){
      router.push("/");
    })
    return { overTime };
  }
};
</script>
